<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=0">-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link type="stylesheet" rel="./css/weui/weui.min.css">
    <script src="./js/jquery.min.js"></script>
</head>

<body>
<div id="content">

</div>

<script type="text/javascript">
       $(function(){
        var contentHtml = window.androidH5.getContentHtml();
        $('#content').html(contentHtml);
        var imgNum=$('img').length;
        $('img').load(function(){
            if(!--imgNum){
                //window.androidH5.resize(document.body.getBoundingClientRect().height)
                 window.androidH5.resize($(document.body).height());
                setTimeout(function(){
                    window.androidH5.resize($(document.body).height());
                },1000);
                setTimeout(function(){
                    window.androidH5.resize($(document.body).height());
                },2000);
                setTimeout(function(){
                    window.androidH5.resize($(document.body).height());
                },3000);
            }
        });
        //window.androidH5.resize($(document).height())
      });
     function setContentHtml(contentHtml){
         $('#content').html(contentHtml);
     }
</script>


</body>

</html>